<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>净行</title>
    <link rel="stylesheet" href="css/stylesheng.css">
    <link rel="stylesheet" href="./css/sizi.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/parallaxsheng.js"></script>
    <script src="js/lazydan.js"></script>
</head>

<body>
    <div class="head_son">
        <div class="left">
            <div class="logo"></div>
            <div class="text">京剧四讲堂</div>
        </div>
        <div class="right">
            <ul>
                <li><a href="./京剧行当.html">返回上一级</a></li>
                <li><a href="./01_生.html">生</a></li>
                <li><a href="./02_旦.html">旦</a></li>
                <li><a href="./03_净.html">净</a></li>
                <li><a href="./04_丑.html">丑</a></li>
            </ul>
        </div>
    </div>
    <div id="wrapper">
        <!-- 导航部分 -->
        <nav id="primary">
            <ul>
                <li>
                    <a href="#" class="jump_to n0" rel="0">章节</a>
                    <h2>主页</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n1" rel="1">章节</a>
                    <h2>净行</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n2" rel="2">章节</a>
                    <h2>净行的分类</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n3" rel="3">章节</a>
                    <h2>代表人物-侯喜瑞</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n4" rel="4">章节</a>
                    <h2>代表人物-金少山</h2>
                </li>
            </ul>
        </nav>
        <!-- 内容 -->
        <article id="article0">
            <div class="head">
                <div class="body"></div>
                <footer class="next_prev">
                    <a class="jump_to next" href="#" rel="1"></a>
                </footer>
            </div>
        </article>
        <div id="content">

            <article id="article1">
                <section class="section">
                    <h2>净行</h2>
                    <p>
                        净行是中国戏曲行当的一种,又称“花脸”“花面”。主要扮演在性格,品质
                        或相貌等方面具有突出特点的男性人物。面部化妆勾画脸谱,演唱时运用
                        宽音和假音,表演动作幅度大,以突出其性格、气度和声势。净行分为正
                        净、副净和武净三类。净分文净与武净,细划分则有铜锤花脸、黑头 、老
                        脸、奸白脸、架子花脸、武花脸等。
                    </p>
                </section>
                <footer class="next_prev">
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="2"></a>
                </footer>
            </article>

            <article id="article2">
                <section class="section">
                    <h2>净行的分类</h2>
                    <p>
                        黑脸：由于包拯是刚直不阿、秉公办案、执法如山的典范,而在京剧中包拯勾画的是黑脸,因此以包
                        公为代表的黑脸,表示性格刚直、铁面无私的人物。
                    </p>
                    <p>
                        老脸：主要扮演男性老年人,勾画红、蓝、紫、粉、黄等颜色,在脑门上又画出一块与脸膛前不同的色
                        彩。如《华容道》中的关公,勾画的是红脸。
                    </p>
                    <p>
                        奸白脸：是扮演阴险、凶残、狡诈之徒,都是老奸巨猾的反面人物。奸白脸勾半截脸,在白脸的眉间及
                        眼角处,勾画几道黑纹,以突出其老而奸的特征。奸白脸都挂或黑、或白的髯口,以示其老。
                    </p>
                    <p>
                        架子花脸：扮演的人物性格除刚强、勇猛、鲁莽之外,还有纯真、诙谐之气。如张飞、李逵。还要突出
                        乐观、幽默与风趣。因此,舞蹈性强、做工繁重是架子花脸表演特点之一。另外,架子花脸在愤怒时会
                        发出“哇呀呀”有气势的吼叫,这也是架子花脸特有的表演方式。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="1"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="3"></a>
                </footer>
            </article>

            <article id="article3">
                <section class="section">
                    <h2>代表人物-侯喜瑞</h2>
                    <p>
                        侯喜瑞,中国京剧演员、工净角。幼入喜连成科班（后来改为富连成）喜字科,
                        先学梆子老生,又从萧长华、韩乐卿学架子花脸。他出科后拜黄润甫为师,都
                        得实授,颇能再现黄派的神韵。他曾与杨小楼、高庆奎、梅兰芳、荀慧生、程
                        砚秋、尚小云、孟小冬众多名家合作,曾经在富连成社担任武生净行教师,晚
                        年在中国戏曲学院、北京市戏曲学校任教。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="2"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="4"></a>
                </footer>
            </article>

            <article id="article4">
                <section class="section">
                    <h2>代表人物-金少山</h2>
                    <p>
                        金少山,京剧演员,工净角。1906年,金少山正式随其父搭班演戏。1911年,只身
                        到张家口搭班演戏。1912年,首次到上海演出。1916年初,前往烟台丹桂舞台搭班
                        演出。1921年冬,在上海“齐天舞台”首次以主演的身份挂牌演出。1926年12月10日,
                        首次与梅兰芳合作,主演了剧目《霸王别姬》,金少山饰演霸王项羽,由此博得了
                        “金霸王”的称号。金少山突破了铜锤花脸与架子花脸严格分工的界限,融铜锤、架
                        子、武花于一体,确立了京剧史上第一个唱、念、做、打全面发展的完整的花脸流
                        派,推进了净行表演艺术的发展。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="3"></a>
                    <i class="spacing_line"></i>
                </footer>
            </article>
        </div>
        <!-- 人物 -->
        <div id="parallax_area1">
            <img class="parallax_img p1_1" src="img/jing.png" width="500" height="700">
            <img class="parallax_img p1_2" src="img/侯喜瑞.png" width="400" height="500">
            <img class="parallax_img p1_3" src="img/金少山.png" width="400" height="500">
        </div>
        <!-- 山1 -->
        <div id="parallax_area2">
            <img class="parallax_img p2_1" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_2" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_3" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_4" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_5" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_6" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_7" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_8" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_9" src="img/cloud1.png" width="488" height="138">
        </div>
        <!-- 山2 -->
        <div id="parallax_area3">
            <img class="parallax_img p3_1" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_2" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_3" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_4" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_5" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_6" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_7" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_8" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_9" src="img/cloud2.png" width="311" height="105">
        </div>

    </div>
</body>

</html>